<div class="modal modal-default fade show" id="modal-data-filter">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <div class="row">
          <div class="col-md-12">
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
            <filter-list
              request="$ctrl.request"
              callback="$ctrl.loadData(pageIndex)"
            ></filter-list>
          </div>
        </div>
      </div>
      <!-- <div class="modal-body" style="height: calc(100vh - 143px);overflow-y: auto;"> -->
      <div class="modal-body">
        <div class="" ng-if="$ctrl.data.items.length>0">
          <div class="row">
            <div class="col-sm-12">
              <em>
                Total:
                <span ng-bind="$ctrl.data.totalItems" class="text-muted"></span
              ></em>
            </div>
          </div>
          <mix-database-data-values
            header="''"
            data="$ctrl.data.items"
            columns="$ctrl.columns"
            selected-list="$ctrl.selectedList"
            select-single="'true'"
            mix-database-name="$ctrl.mixDatabaseName"
            mix-database-id="$ctrl.mixDatabaseId"
          >
          </mix-database-data-values>
        </div>
      </div>
      <div class="modal-footer">
        <paging
          class="small"
          page="$ctrl.data.page"
          page-size="$ctrl.data.pageSize"
          total="$ctrl.data.totalItems"
          ul-class="pagination justify-content-end m-0"
          a-class="page-link"
          paging-action="$ctrl.loadData(page-1)"
          scroll-top="true"
        >
        </paging>
        <a
          class="btn btn-primary text-white btn-sm"
          ng-click="$ctrl.onClose()"
          data-bs-dismiss="modal"
          aria-label="Close"
        >
          Select & Close
        </a>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
